    <div id="body-container">
        
        <%= form_tag({:action => "create"}, {:onSubmit => "return validate()", :name => "add_annoration", :id => "add_annoration"}) %>
        <table style="margin:12px">  
        <tr style="display: none">
            <td><label for="annoration_title">Title:</label></td>
            <td><%= text_field("annoration", "title", :value => @title, :size => 65) %></td>
            <td rowspan="5" valign="top"><div style="margin-left:6px"></div></td>
        </tr>    
        <tr style="display: none">
            <td><label for="annoration_uri">Address:</label></td>
            <td><%= text_field("annoration", "uri", :value => @uri, :size => 65, :disabled => !@new_annoration) %>
            <% if !@new_annoration %><input type="hidden" name="annoration[uri]" value="<%= @uri %>"/><%end%>
            </td>
        </tr>    
        <tr>
            <td valign="top"><label for="annoration_comment">Comment:</label></td>
            <td><%= text_area("annoration", "comment", :value => @comment, :cols => 49, :rows => 6) %></td>
        </tr>
        <tr>
            <td><label for="annoration_tags">Tags:</label></td>
            <td><input name="page_tags" id="page_tags" size="65" value="<%= @user_tags %>"/></td>
        </tr>
        <% if @suggested_tags && @suggested_tags.length > 0  %>
        <tr>
            <td><label>Related Tags:</label></td>
            <td valign='top'>
                <% @suggested_tags.each do |tag| %>
                <%= link_to_function tag.name, "chooseSuggestedTag('#{tag.name}',#{tag.id.to_s});", :class => (@user_tags == "" || !@user_tags.index(tag.name)) ? "suggested_tag_unselected" : "suggested_tag_selected", :onmouseover => "mouseOverTag(#{tag.id.to_s})", :onmouseout => "mouseOutTag(#{tag.id.to_s})", :id => "suggested_tag_#{tag.id.to_s}" %>
                <% end %>
            </td>
        </tr>
        <% end %>
        <% if @popular_tags && @popular_tags.length > 0 %>
        <tr>
            <td><label>Popular Tags:</label></td>
            <td style='color:blue' valign='top'>
                <% @popular_tags.each do |tag| %>
                <%= link_to_function tag.name, "choosePopularTag('#{tag.name}',#{tag.id.to_s});return false;", :class => (@user_tags == "" || !@user_tags.index(tag.name)) ? "popular_tag_unselected" : "popular_tag_selected", :onmouseover => "mouseOverTag(#{tag.id.to_s})", :onmouseout => "mouseOutTag(#{tag.id.to_s})", :id => "popular_tag_#{tag.id.to_s}"  %>
                <% end %>
            </td>
        </tr>
        <% end %>
        <tr>
            <td><label for="annoration_comment">Rating</label>:</td>
            <td align="center">
            <div id="stars" onmouseover="overStars()" onmouseout="leaveStars()" style="max-width:180px;">
            <%= star(1, @rating) %>
            <%= star(2, @rating) %>
            <%= star(3, @rating) %>
            <%= star(4, @rating) %>
            <%= star(5, @rating) %>
            </div>
            <input type="hidden" name="annoration[rating]" value="<%= @rating %>" id="rating" />
            <script type="text/javascript">nSpecifiedRating = <%= @rating %>;</script>
            </td>
        </tr>    
        <tr>
            <td></td><td align="center"><%= submit_tag @editing_annoration ? "Update Annoration" : "Submit Annoration", :id => "submit_btn", :style => "font-size:18px;" %></td>
        </tr>
        </table>
        <%= redirect_input_tag %>
        <%= end_form_tag %>
        
      </div>
